<template>
  <div id="app">
   <!-- 首页 -->
   <!-- <van-loading color="#1989fa" /> -->

   <van-loading type="spinner" color="gray"  class="loading" v-show="isShow"/>
   <router-view></router-view>
   <!-- <home-vue></home-vue> -->
   <!-- 注册页 -->
    <!-- <regster-vue></regster-vue> -->
    <!-- 详情页 -->
    <!-- <DetailPageVue></DetailPageVue> -->
  </div>
</template>

<script>
// import HomeVue from './views/Home.vue';
// import RegsterVue from './views/Regster.vue';
// import DetailPageVue from './views/DetailPage.vue';

export default {
  name: 'App',
  computed:{
    isShow(){
      return this.$store.state.isShow
    }
  },
  components: {
  //  HomeVue,
  // RegsterVue,
  // DetailPageVue
}
}
</script>

<style>


#app{
    display: flex;
    flex-direction: column;
}
.loading{
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

</style>
